﻿
div#preview-ad
{
    margin: 0px auto 20px auto;
}

div#edit-buttons
{
    text-align: center;
    margin: 10px auto 10px auto;
}

#udpPostInfo
{
    margin: 0px;
    padding: 0px;
}

div#preview-top
{
    padding: 0px 20px 0px 0px;
    float: left;
    border-right: solid 1px #c0c0c0;
}

div#post-user-info
{
    float: left;
    margin: 0px 0px 0px 20px;
}

.edit-button
{
     vertical-align: text-bottom;
     margin-bottom: 3px;
}

.ad-vehicle-title
{
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    margin-right: 20px;
}

div#profile-photo
{
    border: 1px solid #c0c0c0;
    padding: 5px;
    width: 600px;
    text-align: center;
    background: #efefef;
}

.profile-img
{
    width: 600px;
    height: 450px;
}

.detail-img-thumbnail
{
    width: 100px;
    height: 75px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.vehicle-price
{
    font-size: 24px;
    font-weight: bold;
    color: #d24726;
}

div#photo-list
{
    width: 100%;
    margin-top: 20px;
}

div#preview-ad div#ad-photos
{
    margin-top: 10px;
}

table.preview-ad-dltPhotos
{
    border-collapse: collapse;
}

table.preview-ad-dltPhotos td
{
    padding: 0px;
}

.lblMileAgeValue
{
    font-size: 18px;
    color: #f5a950;
    font-weight: bold;
}

table#tbl-ad-detail
{
    margin-top:10px;
    margin-bottom: 20px;
    border-collapse: collapse; 
}

table#tbl-ad-detail td.td-label
{
    padding-right: 15px;
}

table#tbl-ad-detail td
{
    font-size: 16px;
}

table#tbl-ad-detail td.td-content
{
    padding-left:3px;
    padding-right: 60px;
}

.lbl-contact-info
{
    font-weight: bold;
}

div#ad-description
{
}

.PopupDragHandle
{
    cursor: move;
    background-color:#DDDDDD;
    border:solid 1px #c0c0c0;
    text-align:center;
    height:25px;
    vertical-align: middle;
}

.btn-close-edit
{
    vertical-align: middle;
    padding-top:2px;
    margin-right: 5px;
    float: right;
    cursor: pointer !important;
}

div#preview-editphoto-btns
{
    margin: 0px auto 10px auto;
    text-align: center;
    padding-bottom: 10px;
}

table.tbl-edit-post
{
    border-collapse: collapse; 
    margin: 0px auto 0px auto;
    margin-top:10px;
    margin-bottom: 10px;
    width: 80%;
}

table.tbl-edit-post td
{
    padding-top: 5px;
    padding-bottom: 5px; 
    padding-left: 5px;
}

table.tbl-edit-post td.td-label
{
    font-weight: bold;
}

div#edit-post-save
{
    text-align:center;
    padding-bottom:20px;
}

.display-ad-description
{
    width: 99%;
    max-width: 99%;
    font-family: Arial;
    font-size: 10pt;
    word-wrap:break-word;
    border: 0px;
}

.edit-ad-description
{
    width: 99%;
    max-width: 99%;
    font-family: Arial;
    font-size: 10pt;
    height: 300px;
    word-wrap:break-word;
    border: 0px;
}

.price-input
{
    width: 150px;
}

.ddlMakeEdit
{
    width:155px;
}

.ddlModelEdit
{
    width:120px;
}

.post-ad-validation
{
    font-size: 10pt;
    color: #e00500;
    padding-left: 10px;
}

.btnSubmit
{
    background-color: #42C431;
    text-align: center;
    padding-top: 5px;
    padding-left: 20px;
    padding: 5px 20px 5px 20px;
    font-size: 24px;
    color: #ffffff;
    text-decoration: none;
}

.btnSubmit:hover
{
   text-decoration: underline; 
}

div#preview-top-btns
{
    text-align: center;
    margin-top: 20px;
}

.imgUserProfile
{
    width: 128px;
    height: 128px;
    padding-bottom: 20px;
}

.imgLogo
{
    width: 120px;
    height: 60px;
    margin-bottom: 10px;
}

table.tbl-user-info
{
    font-size: 15px;
}

td.td-label
{
    text-align: right;
    padding-right: 5px;
}

div.showcase {
    float: left;
    width: 160px;
    height: 120px;
    margin: 10px;
    position: relative;
    border: 2px solid #c0c0c0;
}

span.del-span {
    background: url("../Images/icons/cross.png") no-repeat scroll 0 0 transparent;
    display: block;
    width: 20px;
    height: 16px;
    left: 140px;
    position: absolute;
    top: 3px;
    z-index: 2;
    cursor: pointer;
}

img.upload-img
{
    z-index: 1;
    position:relative;
    left:0px;
    top:0px;
}

.ui-draggable-dragging 
{ 
    opacity:0.8;
    border: dashed 1px #c0c0c0 !important;
}

.drag-hover
{
    border: solid 2px #70EA5D !important;
}

#edit-photos-inner
{
    padding-left: 15px;
    padding-right: 15px;
}